<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>维护</title>
		<script src="../statics/js/mui.min.js"></script>
		<link href="../statics/css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../statics/fonts/alifont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../statics/css/base.css" />
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=2qndalF0BEaoYYKoDIQlQkvK7kB96vUV"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
		<style type="text/css">
			html,
			body {
				font-size: 14px;
			}
		</style>
	</head>

	<body>
	<div id="app">
		<div class="worker_info">
			<span><span>{{user.realname}}&nbsp;{{user.whgroup}}&nbsp;工号：{{user.id}}</span></span>
		</div>
		<div class="white_bg">
			<div class="boxS map-box com_relative">
				<div class="selectState" onclick="selectState()">
					<span>{{stateText}}</span>
				</div>
				<div id="allmap" class="wh"></div>
			</div>
		</div>
		<div class="">
			<div class="mui-row mui-text-center white_bg boxS">
				<div class="tab tab_a mui-col-xs-4 pa main_color" onclick="tab('tab_a', 1)"><span>维护清单</span><span class="line main_color-bg"></span></div>
				<div class="tab tab_b mui-col-xs-4 pa" onclick="tab('tab_b', 2)"><span>电池清单</span><span class="line main_color-bg com_none"></span></div>
				<div class="tab tab_c mui-col-xs-4 pa" onclick="tab('tab_c', 3)"><span>工具清单</span><span class="line main_color-bg com_none"></span></div>
			</div>
			<div>
				<!--维护清单-->
				<div id="tab_a" class="mui-row white_bg maginT5 tab-title">
					<div class="maginB5 boxS-item pa5" v-for="item in getSensorList">
						<div class="bPA">
							<div class="maginT5 com_relative">
								<span class="iconfont icon-chuanganqi main_color"></span>
								<span>{{item.sensortype}}</span>
								<div class="btnTrue main_color-bg colorW" :sensorid="item.sensorid" onclick="subFin(this)"><span>更换完成</span></div>
							</div>
							<!--<div class="maginT8 mui-row">
                                <span class="colorH mui-col-xs-4 info_pal">类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型：</span>
                                <span class="mui-col-xs-8">{{item.sensortype}}</span>
                            </div>-->
							<div class="maginT8 mui-row">
								<span class="colorH mui-col-xs-4 info_pal">当前电量：</span>
								<span class="mui-col-xs-8">{{item.electricity*100}}%</span>
							</div>
							<div class="maginT8 mui-row">
								<span class="colorH mui-col-xs-4 info_pal">地<span style="visibility: hidden;">地址</span>址：</span>
								<span class="mui-col-xs-8">{{item.address}}</span>
							</div>
						</div>
					</div>
				</div>
				<!--电池清单-->
				<div id="tab_b" class="mui-row white_bg maginT5 boxS com_none tab-title">
					<div>
						<div class="bPA">
							<div class="maginT8 mui-row">
								<div class="mui-col-xs-4 pa5 flex-align" v-for="(item,index) in batteryList" onclick="alert_info(this)" :name="item.batterytype+'&nbsp;:&nbsp;'+item.battnum+'个'">
									<template v-if="index<9">
										<span class="colorH">0{{index+1}}.&nbsp;&nbsp;</span>
									</template>
									<template v-else>
										<span class="colorH">{{index+1}}.&nbsp;&nbsp;</span>
									</template>
									<template v-if="item.battnum!==0">
										<div class="colorW mui-text-left battery-item width-max">
											<!--<img class="battery-img" src="img/battery.png" alt="" style="" />-->
											<span>&nbsp;&nbsp;{{item.batterytype}}&nbsp;:&nbsp;{{item.battnum}}</span>
										</div>
									</template>
									<template v-else>
										<div class="colorW mui-text-left battery-item2 width-max">
											<!--<img class="battery-img2" src="img/battery2.png" alt="" style="" />-->
											<span>&nbsp;&nbsp;{{item.batterytype}}&nbsp;:&nbsp;{{item.battnum}}</span>
										</div>
									</template>
								</div>
							</div>
							<br /><br />
						</div>
					</div>
				</div>
				<!--工具清单-->
				<div id="tab_c" class="mui-row white_bg maginT5 boxS com_none tab-title">
					<div>
						<div class="bPA">
							<div>
								<div class="mui-row">
									<div class="mui-col-xs-6 mui-text-center pa5 flex-align" v-for="(item,index) in toolList">
										<template v-if="index+1<10">
											<span class="colorH">00{{index+1}}.&nbsp;&nbsp;</span>
										</template>
										<template v-else-if="index+1>9 && index+1<99">
											<span class="colorH">0{{index+1}}.&nbsp;&nbsp;</span>
										</template>
										<template v-else>
											<span class="colorH">{{index+1}}.&nbsp;&nbsp;</span>
										</template>
										<template v-if="item.isneed==1">
											<div class="tool-item main_color mui-ellipsis tool-item_use width-max" onclick="alert_info(this)" :name="item.toolname">
												<span>{{item.toolname}}</span>
											</div>
										</template>
										<template v-else="">
											<div class="tool-item colorH tool-item_false mui-ellipsis width-max" onclick="alert_info(this)" :name="item.toolname">
												<span>{{item.toolname}}</span>
											</div>
										</template>
									</div>
								</div>
							</div>
							<br /><br />
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--<div class="pa">
            <br />
            <div class="btn main_color-bg colorW pa mui-text-center">
                <span>完成</span>
            </div>
            <br />
        </div>-->
	</div>
		<input type="hidden" value="${username}" id="username">
		<!-- 开发环境版本，包含了有帮助的命令行警告 -->
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<script src="../statics/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../statics/js/mab.js" type="text/javascript" charset="utf-8"></script>
		<script src="../statics/js/function.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		</script>
	</body>

</html>